<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0056)http://www.zuidaima.com/html/1695882735602688/index.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Happy520</title>

<style type="text/css">
@font-face {
	font-family: digit;
	src: url('digital-7_mono.ttf') format("truetype");
}
img#logo {
	width: 128px;
	background-size: cover;
	border-radius: 200px;
	box-shadow: 0px 0px 40px rgba(63, 81, 181, 0.72);
	border: 3px solid #00a0ff;
	opacity: 1;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 500px;
	transition: all 1.0s;
}
#logo:hover {
	box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 19px #fff;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-moz-transform: rotate(360deg); /* Firefox */
	-webkit-transform: rotate(360deg); /* Safari 和 Chrome */
	-o-transform: rotate(360deg); /* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>

<link href="h3/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="h3/jquery.js"></script>
<script type="text/javascript" src="h3/garden.js"></script>
<script type="text/javascript" src="h3/functions.js"></script>

</head>

<body>

<div id="mainDiv">

	<div id="content" style="width: 500px; height: 300px; margin-top: 5px; margin-left: 130px;">

		<img src="img/pro3.jpg" id="logo" style="margin-left: 130px">
		<div id="text">
			<div id="code">
				<span class="say" style="font-size: 22px;color: crimson"> 夏至未至</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 我的茉莉花因你而绽放，</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 我的心因你而热血沸腾。</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 春风十里不如你，</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 期待你的回应。</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 不管结果如何，</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 我都会一如既往的支持你的决定，</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 只愿你过的日子永远“小可爱”，</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> 就像照片一样真实笑容美丽~</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"> </span><br>
				<span class="say" style="font-size: 15px;color: darkgreen">You are my only girl forever......</span><br>
				<span class="say" style="font-size: 15px;color: darkgreen"></span><br>
				<span class="say" style="font-size: 15px;color: crimson"><span class="space"></span> --威风少侠--</span>
			</div>
		</div>
		<div id="loveHeart">
			<canvas id="garden" width="670" height="625"></canvas>
			<div id="words">
				<div id="messages">
					小可爱，这是我们相识在一起的时光；
					<div id="elapseClock"><span class="digit">2961</span> days <span class="digit">19</span> hours <span class="digit">05</span> minutes <span class="digit">23</span> seconds</div>
				</div>
				<div id="loveu">
					爱你直到永永远远...<br>
					<div class="signature">- 威风少侠</div>
				</div>
			</div>
		</div>
	</div>
<!--	<div id="copyright">-->
<!--		<a href="http://www.zuidaima.com/html/1695882735602688/index.html#">连接1</a><br>-->
<!--	</div>-->
</div>

<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2020, 10, 6);
together.setHours(20);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);

if (!document.createElement('canvas').getContext) {
	var msg = document.createElement("div");
	msg.id = "errorMsg";
	msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
	document.body.appendChild(msg);
	$("#code").css("display", "none")
	$("#copyright").css("position", "absolute");
	$("#copyright").css("bottom", "10px");
	document.execCommand("stop");
} else {
	setTimeout(function () {
		startHeartAnimation();
	}, 5000);

	timeElapse(together);
	setInterval(function () {
		timeElapse(together);
	}, 500);

	adjustCodePosition();
	$("#code").typewriter();
}
</script>

<audio autoplay="autoplay" loop="loop">
	<source src="music/xiangqi.mp3" type="audio/mp3" />
	<source src="music/yinghuacao.mp3" type="audio/mp3" />
	<source src="music/yuemanxilou.mp3" type="audio/mp3" />
</audio>

</body></html>